import { useState } from "react"


// 可复用的函数 封装
function useToggle() {
    // 可复用的代码
    const [value, setValue] = useState(true)
    const toggle = () => setValue(!value)
    // 因为作用域的问题 所以需要return出去
    return {
        value,
        toggle
    }
}
function App() {
    const { value, toggle } = useToggle()
    return (
        <div>
            {value && <div>this is div</div>}
            <button onClick={toggle}>toggle</button>
        </div>
    )
}
export default App